.article-filter{width:100%;background-color:var(--white)}.inner-view{max-width:1280px;width:100%;justify-content:space-between;align-items:center;gap:24px;margin:auto;padding:16px 0;display:flex}.article-filter__search{width:100%;max-width:320px;cursor:pointer;position:relative}.article-filter__search .svg{color:#2f9a74;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.article-filter__search input{width:100%;height:40px;angle:0 deg;opacity:1;border:1px solid #ecf0f4;border-radius:32px;outline:none;justify-content:space-between;padding:8px 12px}.article-filter__search input:focus .article-filter__search input:focus-visible{border:1px solid #7a7a7a}.article-filter__search input::placeholder{color:#7a7a7a}.article-filter__categories{flex-wrap:nowrap;gap:12px;display:flex}.category-chip{height:40px;angle:0 deg;opacity:1;color:#494d50;font-family:var(--font-primary);border:2px solid #bae9d7;border-radius:32px;gap:10px;padding:8px 16px;font-size:12px}.category-chip:hover{border-color:#2f9a74}.category-chip.active{color:#fff;background:#2f9a74;border-color:#2f9a74}@media (min-width:992px) and (max-width:1500px){.inner-view{padding:16px 45px}}@media (max-width:1500px){.article-filter__categories{scrollbar-width:none;overflow-x:auto}}@media (max-width:992px){.inner-view{flex-direction:column;align-items:stretch;gap:20px;padding:20px 0}.article-filter__search{max-width:96%;align-self:center}.article-filter__search input{font-size:14px}.article-filter__categories{scrollbar-width:none;margin-right:15px;padding-bottom:4px;overflow-x:auto}.article-filter__categories::-webkit-scrollbar{display:none}.category-chip{height:46px;flex-shrink:0;padding:0 20px;font-size:12px}.article-filter__search{order:1}.article-filter__categories{order:2}}